import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { NgZorroAntdModule, NZ_I18N, zh_CN } from 'ng-zorro-antd';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { HomeComponent } from './pages/home/home.component';
import { Page1Component } from './pages/page1/page1.component';
import { Page2Component } from './pages/page2/page2.component';
import { Page3Component } from './pages/page3/page3.component';
import { Page4Component } from './pages/page4/page4.component';
import { LoginComponent } from './pages/login/login.component';
import { DynamicComponent } from './pages/dynamic/dynamic.component';
import { ProductService } from './services/product.service';
import { Pi1Pipe } from './pipes/pi-1.pipe';
import { ReactiveFormsModule,FormsModule } from '@angular/forms';
import { Cms1Component } from './components/cms1/cms1.component';



@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    Page1Component,
    Page2Component,
    Page3Component,
    Page4Component,
    LoginComponent,
    DynamicComponent,
    Pi1Pipe,
    Cms1Component,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgZorroAntdModule,
    BrowserAnimationsModule,
    ReactiveFormsModule,
    FormsModule,
  ],
  bootstrap: [AppComponent],

  providers: [            //提供器  依赖注入
    { provide: NZ_I18N, useValue: zh_CN },
    ProductService,     // 导入Service
  ]
})
export class AppModule { }
